<!DOCTYPE html>
<html lang="en" style="font-size:100px;">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>Demo</title>
    <link href="./Cesium/Widgets/widgets.css" rel="stylesheet">
    <link rel="stylesheet" href="./tool/cesium-mars/mars3d.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <script>
      (function(doc, win) {
            var html = doc.getElementsByTagName("html")[0],
            // orientationchange->手机屏幕转屏事件
            // resize->页面大小改变事件(一边pc端有用)
                reEvt = "orientationchange" in win ? "orientationchange" : "resize",
                reFontSize = function() {
                    var clientW = doc.documentElement.clientHeight || doc.body.clientHeight;
                    if(!clientW) {
                        return;
                    }
                    html.style.fontSize = 100 * (clientW / 1080) + "px";
            }
            win.addEventListener(reEvt, reFontSize);
            // DOMContentLoaded->dom加载完就执行,onload要dom/css/js都加载完才执行
            doc.addEventListener("DOMContentLoaded", reFontSize);
        })(document, window);
    </script>
    <script src="./Cesium/Cesium.js"></script>
    <script src="./tool/jquery/jquery-2.1.4.min.js"></script>
    <script src="./tool/cesium-mars/mars3d-src.js" ></script>
    <script src="./tool/turf/turf.min.js"></script>
    <script src="./tool/hao/haoutil.js"></script>
    <script src="./data/devices.js"></script>
    <script src="./data/deviceImage.js"></script>
    <script src="./data/deviceModelUrl.js"></script>
  </body>
  
</html>
